<template>
  <div class="mt-6">
    <div class="course-wrapper container py-5 bg-white">
      <div class="mx-6">
        <h2>2020</h2>
        <div class="course-item px-5 py-3 d-flex jc-between">
          <div>第一批文字</div>
          <div>07-03</div>
        </div>
        <div class="course-item px-5 py-3 d-flex jc-between">
          <div>第一批文字</div>
          <div>07-03</div>
        </div>
        <div class="course-item px-5 py-3 d-flex jc-between">
          <div>第一批文字</div>
          <div>07-03</div>
        </div>
        <div class="course-item px-5 py-3 d-flex jc-between">
          <div>第一批文字</div>
          <div>07-03</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang='scss' scoped>
 .course-item {
   font-weight: bold;
   &:hover {
     background: rgba(174, 217, 249,.2);
   }
 }
 .course-wrapper {
   box-shadow: 0px 0px 15px 5px rgba(0,0,0,.2);
 }
</style>